<script lang="ts" setup>
import { defineComponent } from 'vue';

  defineComponent({
    name: 'CardTitle'
  })

  defineProps({
    title: {
      type: String,
      required: true
    }
  })
</script>

<template>
  <span class="card-title">{{ title }}</span>
</template>

<style scoped lang="scss">
  .card-title {
    font-size: 14px;
    font-weight: 600;

    &::before {
      position: relative;
      top: 8px;
      left: -5px;
      display: inline-block;
      width: 3px;
      height: 14px;
      //background-color: #105cfb;
      background: var(--el-color-primary);
      border-radius: 5px;
      content: '';
      transform: translateY(-50%);
    }
  }
</style>
